<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>练习</title>
	</head>
	<body>
	<div id="app">
		<table  id="tab1"   border="1px" width="700px" align="center">
			<tr>
				<td colspan="5" align="center"><h1>表格数据</h1></td>
			</tr>
			<tr align="center">
				<td>ID编号</td>
				<td>名称</td>
				<td>年龄</td>
				<td>性别</td>
				<td>操作</td>
			</tr>
			<tr align="center" v-for="item in userList">
				<td>ID编号</td>
				<td>名称</td>
				<td>年龄</td>
				<td>性别</td>
				<td>操作</td>
			</tr>
			
	</div>
	<script src="../js/vue.js"></script>
	<script src="../js/axios.js"></script>
	<script>
		const app = new Vue()
			el: "#app",
			data: {
				userList: []
			},
			methods: {
				getUserList(){
					axios.get("http://localhost:8080/getUser")
							.then(result =>{
								this.userList = result.data 
							})
				}
			}
		
		
	</script>

	
	</body>
</html>
